<template>
  <!-- 在模板中使用js语法 -->
  <h1>{{ msg }}</h1>
  <h1>{{ msg.split("") }}</h1>
  <h1>{{ msg.split("").reverse() }}</h1>
  <h1>{{ msg.split("").reverse().join("") }}</h1>
  <h1>{{ color == "green" ? `${color}:happy` : `${color}:sad` }}</h1>
</template>

<script>

export default {
  name: 'App',
  data() {
    return {
      msg: "hello",
      color: "green"
    }
  },
  methods: {

  }
}
</script>
